<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>XC</title>
		<link rel="stylesheet" href="XC_headerImg.css">
		<link rel="stylesheet" href="XC_ul.css">
		<link rel="stylesheet" href="XC_grid_nav.css">
		<link rel="stylesheet" href="XC_floorbox.css">
	</head>
	<body style="overflow-y:hidden ;">
		<div id="headerImg">
			<nav>
				<div>
					<span>搜索:目的地/酒店/景点/航班号</span>
				</div>
				<span>我 的</span>
			</nav>
			<img src="https://pic.c-ctrip.com/platform/h5/home/baodi2@v7.15.jpg" alt="">
		</div>
		<ul>
			<li class="icon"><span></span><span>攻略·景点</span></li>
			<li class="icon"><span></span><span>门票·活动</span></li>
			<li class="icon"><span></span><span>美食林</span></li>
			<li class="icon"><span></span><span>周边游</span></li>
			<li class="icon"><span></span><span>一日游</span></li>
		</ul>
		<div id="gridNav">
			<div>
				<a href="#">酒店</a>
				<a href="#">民宿·客栈</a>
				<a href="#">特价·爆款</a>
			</div>
			<div>
				<a href="#">机票</a>
				<a href="#">火车票</a>
				<a href="#">汽车·船票</a>
				<a href="#">专车·租车</a>
			</div>
			<div>
				<a href="#">旅游</a>
				<a href="#">私家团</a>
				<a href="#">邮轮游</a>
				<a href="#">定制游</a>
			</div>
		</div>
		<div id="floorbox">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
		<div id="contentword">
			<em>自由行</em>
			<em>WiFi电话卡</em>
			<em>保险·签证</em>
			<em>换钞·购物</em>
			<em>向导·包车</em>
			<em>特价机票</em>
			<em>礼品卡</em>
			<em>申卡·借钱</em>
			<em>社区</em>
			<em>更多</em>
		</div>
		<img  class="imgfloor" src="1.png" >
	</body>
</html>
